<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
  <title>BONUS FINANCE|博纳斯</title>
</head>
<body>
  <div id = 'vue-usage'>
    <vue-header></vue-header> 

    <div class="myContent">
      <div id="demo" class="carousel slide" data-ride="carousel">

        <!-- 指示符 -->
        <ul class="carousel-indicators">
          <li data-target="#demo" data-slide-to="0" class="active"></li>
          <li data-target="#demo" data-slide-to="1"></li>
          <li data-target="#demo" data-slide-to="2"></li>
          <li data-target="#demo" data-slide-to="3"></li>
        </ul>

        <!-- 轮播图片 -->
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img v-bind:src="lunbo.src1" style="width:100%;">
          </div>
          <div class="carousel-item">
            <img v-bind:src="lunbo.src2" style="width:100%;">
          </div>
          <div class="carousel-item">
            <img v-bind:src="lunbo.src3" style="width:100%;">
          </div>
          <div class="carousel-item">
            <img v-bind:src="lunbo.src4" style="width:100%;">
          </div>
        </div>

        <!-- 左右切换按钮 -->
        <a class="carousel-control-prev" href="#demo" data-slide="prev">
          <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#demo" data-slide="next">
          <span class="carousel-control-next-icon"></span>
        </a>

      </div>
      <div class="home_title"><p>博纳斯值得您信赖的外汇合作商</p></div>
      <div style='width:80%;margin:0 auto;padding:0 auto;'>
        <div class = "home_icon">
          <img src="src/assets/img/icon-01.png" >
          <p>低差点</p>
        </div>
        <div class = "home_icon">
          <img src="src/assets/img/icon-02.png">
          <p>非凡的交易体验</p>
        </div>
        <div class = "home_icon">
          <img src="src/assets/img/icon-03.png">
          <p>严格的监管机构</p>
        </div>
        <div class = "home_icon">
          <img src="src/assets/img/icon-04.png">
          <p>专业客户服务</p>
        </div>
        <div class = "home_icon">
          <img src="src/assets/img/icon-05.png">
          <p>前所未有的资金安全</p>
        </div>
        <div class = "home_icon">
          <img src="src/assets/img/icon-06.png">
          <p>杂谈会所</p>
        </div>
      </div>
    </div>
  <!-- <footer class="my-footer"></footer> -->
    <vue-footer></vue-footer>

  </div>  
</body>
</html>